<template>
  <div>
       <ComDetail :data="data" 
       :schema="baseSchema"
        ></ComDetail>

       <ComDetail :data="data" 
       class="mt20"
       title="基本数据类型"
       :schema="fromSchema"
        >
      <template #statusContent>
        <DictTag
            :values="data.status"
            dataType="primary"
            :options="dict.sys_job_status"
          ></DictTag>
      </template>
      </ComDetail>

  </div>
</template>

<script setup lang="tsx" name="userDetail"> 
import {ref,reactive,defineEmits, onMounted } from 'vue';
import {
  baseSchema as base
} from '/@ts/defaultValue/detail';
import DictTag from "/@/components/DictTag/index.vue";
import formatTool from '/@ts/hooks/format';
const { parseTime, addDateRange, getDict } = formatTool();
let dict: any = reactive({
  sys_job_status: [],
});
onMounted(async () => {
  console.log('123 :>> ', 123);
  dict.sys_job_status = await getDict("sys_job_status");
});
 const state = reactive({
 })
const fromSchema: TableColumn[] = [
	{ prop: "userName", label: "用户名称" },
	{ prop: "nickName", label: "用户昵称" },
	{prop: "dept.deptName", label: "部门" },

	{ prop: "phonenumber", label: "手机号" ,},
	{ prop: "status", label: "状态" },
	// { prop: "createTime", label: "创建时间" }
];
const baseSchema: TableColumn[] = [...base];
 defineProps({
  data:  {
      type: Object,
      required: true
    }
})

</script>

<style  scoped lang="scss" >

</style>
